<template>
    <div class="body">
        <nav>
            <div class="navtitle"><strong>HZR</strong>|MY PROFILE</div>
            <router-link to="/home">HOME</router-link>
            <router-link to="/about">ABOUT</router-link>
            <router-link to="/blog">BLOG</router-link>
            <router-link to="/album">ALBUM</router-link>
            <router-link to="/join">JOIN</router-link>
            <div class="navanim home"></div>
            <div class="none"></div>
        </nav>
    <div class="mid">
        <div class="content">
            <div class="con c1">
                <div class="imghid">
                    <div class="img"></div>
                </div>
                <div class="txt">
                    <h2>(可修改部分)Sunny Land</h2>
                    <p>&emsp;&emsp;(可修改部分)学习M_Studio大佬制作的第一个较完整的游戏。</p>
                </div>
            </div>
            <div class="con c2">
                <div class="imghid">
                    <div class="img"></div>
                </div>
                <div class="txt">
                    <h2>(可修改部分)WEB 课表</h2>
                    <p>&emsp;&emsp;(可修改部分)内容介绍</p>
                </div>
            </div>
            <div class="con c3">
                <div class="imghid">
                    <div class="img"></div>
                </div>
                <div class="txt">
                    <h2>(可修改部分)WEB 电子相册</h2>
                    <p>&emsp;&emsp;(可修改部分)内容介绍</p>
                </div>
            </div>
        </div>
        <div class="pri">
                <div class="prihead">
                    <a href="join.html"><div class="tx"></div></a>
                    <h2>HZR</h2>
                    <p>生命不息,学习不止</p>
                </div>
            <div class="tag">
                <h2>TAG</h2>
                <p>C&emsp;&emsp;C++ &emsp;C#&emsp; HTML&emsp;&emsp;CSS&emsp;&emsp;Java&emsp;&emsp;JavaScript&emsp;Unity&emsp;&emsp;UnrealEngine Python &emsp; 渲染 &emsp;gameplay</p>
            </div>
        </div>
    </div>
    <footer class="foot">
            <!-- <p>&emsp;</p> -->
            <p>@2023  |  BY:yiyule10</p>
            <p>网页版权归YI所有</p>
            <p>Cease to struggle and you cease to live</p>
        </footer>
    </div>
</template>

<script>
    import "../assets/css/blog.css";
    import "../assets/css/body.css";
    import "../assets/css/nav.css"
    export default {
        name: 'Blog'
    }
</script>

<style scoped>

</style>